<template>
    <div class="setting">
        <yd-navbar title="设置" style="height:0.9rem;background-color:#f5f5f5">
            <router-link to="/user" slot="left">
                <yd-navbar-back-icon></yd-navbar-back-icon>
            </router-link>
        </yd-navbar>
        <div class="bai">
            <div class="img">
                <img src="http://static.ydcss.com/ydui/img/logo.png" alt=""/>
            </div>
            <div class="twoDesc">
                <div class="twoTit">公益中国</div>
                <div class="version">V1.1.0</div>
            </div>
        </div>
        <div class="benifit">
            <yd-cell-group title="" class="forBeni">
                <yd-cell-item arrow href="#" type="link">
                    <span slot="left">为公益中国评分</span>
                </yd-cell-item>
            </yd-cell-group>
            <yd-cell-group title="" class="forBeni">
                <yd-cell-item arrow href="#" type="link">
                    <span slot="left">关于公益中国</span>
                </yd-cell-item>
            </yd-cell-group>
        </div>
        <div class="limit">
            <div class="article">
                <router-link to="/#">《软件许可服务条款》</router-link>
            </div>
            <div class="copyright">版权</div>
        </div>
    </div>
</template>
<script>
export default {
  name: 'setting'
}
</script>
<style lang="scss" scoped>
    .setting{
        .bai{
            background: #fff;
            padding: 0.2rem 0;
            .img{
                width: 1.1rem;
                height: 0.70rem;
                border-radius: 6%;
                background-color: #000;
                margin: 0 auto;
                img{
                    display: block;
                    width: 100%;
                    height: 100%;
                }
            }
            .twoDesc{
                padding: 0.3rem 0 0.1rem;
                display: flex;
                justify-content: center;
                align-items: center;
                .version{
                    margin-left: 0.4rem;
                }
            }
        }
        .benifit{
            margin-top: 0.9rem;
            .yd-cell-box{
                margin-bottom: 0;
            }
            .forBeni{
                border-top: 0.01rem solid #f5f5f5;
                border-bottom: 0.01rem solid #f5f5f5;
            }
        }
        .limit{
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            margin: 0.2rem auto;
            text-align: center;
            .article{
                color: #f00;
            }
            .copyright{
                margin-top: 0.1rem;
            }
        }
    }
</style>
